cockpit: one cockpit for everyone, a sidebar, Home and Demos - #229

Related issue

Closes # (cockpit UI iteration, part 1 of 3; supersedes #224)

Summary

Luka: "i can't find anything", "navigating the levels makes no sense", "i cannot find demos", "ship … without any feature flags like ?cockpit=3". This makes one cockpit for everyone and gives it one way around.

ELI5: every factory page now has the same left sidebar. Click Home to see what needs you and your features, Demos to watch what the factory built, Chats for conversations, Decisions for what you have to answer. Under that, the list of features; open one to see its projects. The level strip at the top is gone; a node page has a plain "Home › Feature › Project" breadcrumb.

┌ Sample app ▾ ───┐  Sample app
│ ⌂ Home          │  NEEDS YOU
│ ▶ Demos         │   ● Apply C-16 · …                       [Apply]
│ 💬 Chats      9 │  FEATURES                           All demos ›
│ ✓ Decisions   5 │   ◔ Agent assistant   4 need you  2/6  [▶ 0:42]
│ ⌕ Search     ⌘K │   ○ Build tier drafts 3           0/2  [▶ 0:11]
│ WORK            │  RECENTLY SHIPPED
│ › Agent assist. │   ✓ Connector core · Connectors core  [▶ 0:18]
│   · Build tier  │
│ › Done · 1      │
│ The factory   3 │
└─────────────────┘   (phone: Home Demos Chats Decisions Search at the bottom)

• No flags. useCockpitV2 always answers v3; ?cockpit= is dropped. Older addresses land on the place that shows the same thing now (cockpitTarget): /projects/<slug> → /n/<slug> (the team editor /projects/<slug>/team stays), /prs/<id> and ?review= → /n/PR-<n>, /initiatives/<ref> → /n/<ref>, /room[/<t>] and ?room= → /chats[/<t>], ?peek=needs → /decisions. projectPageHref, initiativePageHref and roomPageHref build the new addresses directly. The classic shell and the v2 shell (CockpitShell) are gone; the earlier pages behind Debug still render.
• Sidebar + outline (components/factory/cockpit/CockpitNav.tsx, pages/factory/Cockpit.tsx): places with counts (unread chats, open asks), Search (⌘K), the work outline (features → projects, current node highlighted, prefetch on hover), then The factory, Settings, Debug, theme. Phones get a bottom tab bar.
• Home (CockpitHome.tsx): needs you (3, rest on Decisions), features one line each with progress and a ▶ that plays the latest demo in place, recently shipped with their demo. Nothing else.
• Demos (DemosPage.tsx): newest first, poster, verdict, what was partial, feature › project, length, age; one click plays it in place and scrolls it into view (above sticky bars); filters by feature and verdict in the address (?feature=, ?verdict=, ?play=). Server: GET …/n/{ref}/demos items now carry feature, project and merged_at.
• Chats list (ChatsPage.tsx): every thread, the ones you wrote in first, then newest, unread counts and the last line said. Server: GET …/chat/threads adds mine and last (one grouped query, chat_thread_said). Opening a thread still goes to its node's chat; the messenger view is part 2.
• Decisions page: the ranked asks as a page (plain words and history are part 3).
• cockpit v3: demos are never hidden #224 folded in (proof rows, node demo fields, Demos sheet) with its judge issues fixed: the player scrolls into view on phone and laptop; the chat's demo card plays in place (no navigation to the PR page) and shows no !9876 or SHA; Home's chip never squeezes names on a phone.
• The node chat column defaults narrower (30 %, ≤ 480 px; beside the page from 1180 px) so the page keeps room next to the sidebar.

Test Plan

• npx vitest run (whole web suite): 548 files, 10370 tests green; tsc -b, oxlint, prettier --check clean.
• New pages/factory/Cockpit.test.tsx (17): sidebar places and outline, outline marks the node, Home sections, Demos filter and play in place and ?play=, Chats order (mine first) with unread and last line, every older address lands where it should, the team editor keeps its address, no cockpit-choice reads.
• pytest tests/server/factory/test_node_proof.py tests/server/factory/test_node_threads.py (47, two new: demos list says where each sits; thread list says mine and last line).
• pytest tests/e2e_ui/factory_v3 on a real server with the 13:40 seed: 30 passed, incl. new test_the_demos_page_lists_every_demo_and_plays_it_in_view at 1440 and 390 (player inside the viewport, video playing).
• Deliberate test removals: the tests of the retired classic and v2 shells and of pages that are now only redirects (FactoryPage, CockpitShell, CockpitV3, HomePage, ProjectPage, ProjectPageV2, ProjectsPageV2, RoomPage, InitiativePage, the classic Settings / Improvements / Agents / Loop tests in LearnPages and OpsPages, the cockpit-switch tests in TeamsPage), and the level-strip tests (replaced by breadcrumb tests).
• tests/examples/test_factory_sample_tokens.py green.

Demo

Screenshots (1440 light/dark, 390) are in wt/v3-tmp/ui-cockpit/shots/pr1/ on the build machine (home, demos, chats, decisions, feature, project); attachment upload is not available from this session.

Type of change

• Bug fix
• Feature
• UI / frontend change
• Refactor / chore
• Docs
• Test / CI
• Breaking change

Test coverage

• Unit tests added / updated
• Integration tests added / updated
• E2E tests added / updated
• Manual verification completed
• Existing tests cover this change
• Not applicable

Coverage notes

Manual: clicked through Home, Demos (filters, play), Chats, Decisions, a feature and a project at 1440 and 390 against a local server seeded with seed_factory_1340. Breaking: there is no classic or v2 cockpit any more; their page components stay in the tree (Storybook) and are to be removed next release.

Changelog

The factory cockpit is one cockpit for everyone, with a sidebar (Home, Demos, Chats, Decisions, Search, the work outline) and a Demos page that plays every recording in place

🤖 Generated with Claude Code